<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store,no-cache"> 
    <meta name="Handheldfriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <!-- 显示窗口 宽度 是 客户端的 屏幕 宽度 （就是 满屏 ！），显示的文字和图形的初始比例 是 1.0 -->
    <link rel="stylesheet" href="css/layui.css" media="all">
    <link rel="stylesheet" href="css/layui.mobile.css">
    <link rel="stylesheet" type="text/css" href="css/style.css"><!-- 基本样式 -->
    <script src="js/common.js"></script>
    <title>我的cp</title>
</head>
<body>
    <!-- 头像盒子s -->
    <div style="position: relative;background:#fff;">
        <div class="mymeaasge">
            <div class="mypic">
                <img src="cssimg/girl.jpg" alt="">
            </div>
            <div class="mymame">
                <h4>夏洛特烦恼</h4>
                <p>苟非吾之所有，虽一毫而未取</p>
            </div>
            <a href="">编辑信息</a>    
        </div><!-- 头像盒子 e-->
        <div class="friendmasagesbox"><!-- friendmasagesbox开始 -->
            <ul>
                <li>
                    <a href="">
                        <img src="cssimg/jiesuo.png" alt="">
                        <div>我的解锁</div>
                    </a>
                    
                </li>
                <li>
                    <a href="">
                        <img src="cssimg/jiesuo2.png" alt="">
                        <div>解锁我的</div>
                    </a> 
                </li>
                <li>
                <a href="">
                    <img src="cssimg/huodong.png" alt="">
                    <div>我的活动</div>
                </a>
                </li>
                <li>
                <a href="">
                    <img src="cssimg/yaoqing.png" alt="">
                    <div>邀请好友</div>
                </a>
                </li>
            </ul>
        </div><!-- friendmasagesbox结束 -->
        <!--  我的个人信息start -->
        <div class="myselfinformation ">
            <a href="">
                <img src="cssimg/attention.png" alt="">
                <span>关注</span>
            </a>
            <div class="hr"></div>
            <a href="">
                <img src="cssimg/certification.png" alt="">
                <span>认证</span>
            </a>
            <div class="hr"></div>
            <a href="">
                <img src="cssimg/privacy.png" alt="">
                <span>隐私</span>
            </a>
            <div class="hr"></div>
             <a href="">
                <img src="cssimg/pseudonym.png" alt="">
                <span>匿名留言</span>
            </a>
            <div class="hr"></div>
             <a href="">
                <img src="cssimg/money.png" alt="">
                <span>我的圈币</span>
            </a>
            <div class="hr"></div>
             <a href="">
                <img src="cssimg/feedback.png" alt="">
                <span>我要反馈</span>
            </a>
            <div class="hr"></div>
             <a href="">
                <img src="cssimg/aboutcp.png" alt="">
                <span>关注CP</span>
            </a>
        </div>
        <!--  我的个人信息end -->
    </div>
<!--     菜单栏 s-->
    <footer>
        <div class="tab-nav">
           <li>
               <a href="index.html">
                    <div class="icon-box">
                        <i class="icon1"></i>
                    </div>
                    <div>
                        <span >首页</span>
                    </div>
               </a>
           </li>
             <li>
               <a href="Single-circle.html">
                    <div class="icon-box">
                        <i class="icondsp"></i>
                    </div>
                    <div>
                        <span>单身圈</span>
                    </div>
               </a>
           </li>
            <li>
               <a href="message.html">
                    <div class="icon-box">
                        <i class="icon-xx"></i>
                    </div>
                    <div>
                        <span>消息</span>
                    </div>
               </a>
           </li>
            <li>
               <a href="activity.html">
                    <div class="icon-box">
                        <i class="iconhd"></i>
                    </div>
                    <div>
                        <span>活动</span>
                    </div>
               </a>
           </li>
            <li>
               <a href="mine.html">
                    <div class="icon-box">
                        <i class="iconmyhover"></i>
                    </div>
                    <div>
                        <span class="active">我的</span>
                    </div>
               </a>
           </li>
        </div>
    </footer>
<!--     菜单栏 e-->

</body>
</html>